<script lang="ts" setup>
const props = defineProps({
  padding: {
    type: Boolean,
    default: false
  }
})
</script>

<template>
  <div :class="['page-container-back',padding?'page-container-pad':'']">
    <slot />
  </div>
</template>

<style scoped lang="scss">

  .page-container-back{
    background: var(--w-bg-box);
  }
  .page-container-pad{
    padding: var(--w-page-padding);
    box-sizing: border-box;
  }
</style>
